<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>
<html class="no-js" lang="en" >
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Shopen - A Business Template</title>

	<!-- Stylesheet
	================================================== -->
	<link rel="stylesheet" href="style.css">

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

	<script src="js/vendor/custom.modernizr.js"></script>
    
</head>
<body>

		<jsp:include page ="header.jsp"/>

		<div id="services" class="large-8 columns">

			<div class="row">
				<div class="large-12 columns">

            		<div class="content">

                    	<div class="singletop">
                            <div class="search">
                                <form method="get" action="#">
									<input id="s" type="text" value="Search" name="s">
                                </form>	
                            </div>
                            <nav class="breadcrumbs">
                              <a href="#">Accueil</a>
                              <a href="#">E-shopping</a>
                              <a class="current" href="#">Services</a>
                            </nav>
                        </div>
                        
                        <div class="homeposttitle">
                            <h3 class="widget-title">
                                <span>
                            			Services Page
                                </span>
                            </h3>  
                        </div>
                        
                        
                        	<div class="tagline">
                            	<h4>Shopen - Is An Awesome ALL IN ONE Business - Corporate Website Template coded with Foundation Framework!</h4>
                            </div>
                                                                                    
                            <div class="box large-6 columns">
                            	<h4>What We Provide?</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Nam vitae metus a orci iaculis facilisis. Maecenas dapibus tristique nunc. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum"...</p>
                            </div>

  
                            <div class="box large-6 columns">
                            	<h4>Why Choose Us?</h4>
                                <ul class="check">
                                <li>
                                <a href="#">Four amazing homepage style</a>
                                </li>
                                <li>
                                <a href="#">Compatible any eCommerce solutions</a>
                                </li>
                                <li>
                                <a href="#">100% responsive layout design</a>
                                </li>
                                <li>
                                <a href="#">Awesome slideshows for your contents</a>
                                </li>
                                <li>
                                <a href="#">500+ Google fonts included</a>
                                </li>
                                <li>
                                <a href="#">700+ custom font icons included</a>
                                </li>
                                </ul>   
                            </div>
                               
                            <hr>
                             
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-laptop"></i> Responsive Design</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-shopping-cart"></i> eCommerce Ready</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-heart"></i> Awesome Support</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-html5"></i> HTML5 & CSS3</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-outdent"></i> Clean Codes</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-camera"></i> Portfolio Pages</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-folder"></i> Doumentation</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-cogs"></i> Easy Setup</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-bar-chart-o"></i> SEO Friendly</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-google-plus"></i> Social Friendly</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-comment-o"></i> Support Forum</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>
                            <div class="box large-4 columns">
                            <h3 class="widget-title">
                            <span><i class="fa fa-arrow-circle-right"></i> And More...</span>
                            </h3>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting. <a href="single-services.html">read more →</a> </p>
                            </div>          
                 
                    </div>
               
				</div><!-- large 12 -->
			</div><!-- end row -->
            
		</div><!-- end large 8 -->
	</div><!-- end wrapper -->


	<jsp:include page="footer.jsp"/>

	<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script src="js/jquery.flexslider.js"></script>
    <script src="js/tinynav.min.js"></script>
	<script src="js/menu_min.js"></script>
	<script src="js/foundation.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/script.js"></script>
   
 
</body>
</html>
